/**index.wxss**/

page {
  background: #F2F8F8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.swiper-box{
  width:100%;
  height:140px;
  position: relative;
}
.swiper{
  margin-bottom:30px;
  height:230px;
  position: relative;
  top:-80px;
  width:100%;
  text-align: center;
}
.img{
  height:200px;
  box-shadow: 10px 10px 15px #a2d2c1;
  border-radius: 12px;
}
.progress-item{
  width: 80%;
  text-align: center;
  margin-top:180px;
}
.backimg{
  width:100%;
  height:140px;
}
.btn-box{
  width:100%;
  text-align: center;
  margin-top:40px;
}
.nickname-box{
 width: 100%;
 position: absolute;
 top:18px;
 display: flex;
 justify-content:center;
}
.nickname{
  width: 320px;
  color:#fff;
  font-size: 24px;
  font-family: '黑体';
}
.btn{
  width:335px;
  height:50px;
  background: #459377;
  color:#fff;
  font-size: 17px;
  font-family:'微软雅黑';
 
  margin: 0 auto;
  margin-top:100px;
  line-height: 50px;
  border-radius: 12px;
  box-shadow:10px 10px 10px  #a2d2c1 ;
  
}
.btn:active{
  background: #49947a;
}
